<html>
<head>

	<!-- jQueryMobile CSS -->
	<link rel="stylesheet" href="resources/jquery.mobile-1.0a4.1.min.css" type="text/css">
	<!-- jquery. mandatory as the plugin uses it -->
	<script type="text/javascript" src="resources/jquery-1.6.1.min.js"></script>
	<!-- jQueryMobile JS -->
	<script type="text/javascript" src="resources/jquery.mobile-1.0a4.1.min.js"></script>
	<!-- plugin code -->
	<script type="text/javascript" src="jquery.toucharea.js"></script>
	<!-- demo usage code -->
	<script type="text/javascript" src="demo.js"></script>
	<!-- demo usage CSS -->
	<link rel="stylesheet" href="demo.css" type="text/css">
</head>

<body>
	<div data-role="page" id="main">
		<div data-role="header">
			<h1>Drag Demo</h1>
		</div>
		<div data-role="content" class="content-wrapper">
			<div id='otherdiv' class="square" data-toucharea="true">Drag Me (otherdiv)!</div>
			<div id='somediv' class="square" data-toucharea="true">Drag Me (somediv)!</div>
			<div class='log'></div>
		</div>
	</div>
	
</body>
</html>